.layui-collapse,.layui-colla-content{
  border-color: var(--bdcolor);
}
.layui-colla-title{
  color: #fff;
  background: linear-gradient(to bottom, #2a0845, #6441a5);
}
.layui-colla-item{
  border-color: #e6e6e6;
}
/*.layui-input{*/
/*  width: 190px;*/
/*}*/
.layui-form-item{
   margin-bottom: 5px;
 }
.layui-form-pane .layui-form-label{
  width: 82px;
  background-color: var(--bgcolor);
  color: #fff;
  padding: 8px 4px;
}
.motor-option-wrap{
  width: 190px;
  height: 38px;
  position: relative;
}
.allmotors{
  display: none;
  /*width: 300px;*/
  max-width: 340px;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: absolute;
  top: 40px;
  padding: 0 10px 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.allmotors > div{
  text-align: left;
  background-color: #fff;
}
.allmotors .layui-form-checkbox{
  display: block;
}
.layui-form-checked span, .layui-form-checked:hover span {
  background-color: transparent;
}

.options fieldset > div{
  /*max-height: 100px;*/
}
.layui-form-checked span, .layui-form-checked:hover span {
  background-color: transparent;
}
.daterange > div{
  padding: 0;
}
.alldevice{
  max-height: 100px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow-y: auto;
}
.alldevice label{
  margin-left: 10px;
}
.options fieldset button{
  margin: 3px 6px;
}
.layui-elem-field legend{
  font-size: 14px;
}
.infowrap{
  margin: 20px 0;
}
.infowrap > div{
  margin: 5px 20px;
}
/*mo-chart css*/
.moChartWrap{
  height: 500px;
}
.moChartWrap #moChart{
  width: 100%;
  height: 100%;
}
/*loading */
.mainbody div.loading{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}
.mainbody div.loading > .layui-icon {
  font-size: 60px;
  color: cyan;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.download-wrap{
  width: 285px;
  margin: 0 auto;
  margin-top: 30px;
}
.layui-inline.inline{
  width: 190px;
  margin-bottom: 0;
}
.layui-form-pane .layui-form-item[pane]{
  border: 1px solid rgba(42, 8, 69, .6) !important;
  background: linear-gradient(to bottom, rgba(42, 8, 69,.4), rgba(100, 65, 165,.4)) !important;
}

.chartWrap .chart-title{
  color: #eee;
  text-align: center;
  margin-bottom: 10px;
}
.badge{
  display: inline-block;
  padding: 3px 8px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  margin: 5px;
}
.badge.bg-red{
  background-color: #fe2216;
}
.badge.bg-blue{
  background-color: #00BCD4;
}
.badge.bg-green{
  background-color: #28d428;
}
/*趋势图页面css*/
.chartWrap{
  height: calc(100% - 170px);
}
.chartWrap > .amplitude-chart{
  height: 100%;
}
.chartWrap > div#pie-chart{
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#pie-chart div{
  min-width: 280px;
  height: 280px;
  margin-bottom: 5px;
  border: 1px solid #002f54;
  box-sizing: border-box;
}
.layui-form-pane .xm-select-title{
  border: 1px solid rgba(42, 8, 69, .6) !important;
}

/*设备维护*/
.maintainRec .layui-input,
.maintainRec .layui-textarea{
    width: 190px;
}
.layui-form-label > i{
    color: red;
    margin-right: 5px;
}
